<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>学术海报</title>
</head>
<body style="margin:0; padding:30px; width:210mm; height:297mm; background:#ffffff; font-family:'Helvetica Neue', Arial, sans-serif; display:grid; grid-template-rows:auto 1fr; gap:25px;">

<!-- 标题区 -->
<div class="hero" style="text-align:center; border-bottom:4px solid #16a085; padding-bottom:25px;">
    <text style="display:block; font-size:38px; font-weight:700; color:#16a085; margin:20px 0;">研究海报标题</text>
    <text style="display:block; font-size:20px; color:#2c3e50;">作者：张三 · 李四 · 王五</text>
    <text style="display:block; font-size:16px; color:#7f8c8d;">单位：XX大学信息科学与技术学院</text>
</div>

<!-- 主体内容 -->
<div class="main-body" style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; height:calc(297mm - 160px);">

    <!-- 左列：摘要 & 方法 -->
    <div class="left" style="display:grid; gap:20px;">
        <div class="abstract" style="background:#eafaf1; padding:20px; border-left:6px solid #27ae60;">
            <text style="display:block; font-size:22px; font-weight:600; margin-bottom:12px;">摘要</text>
            <text style="display:block; font-size:15px; line-height:1.5;">这里填写摘要内容，简要说明研究背景、目的与主要结论。</text>
        </div>

        <div class="method" style="background:#fdf2e9; padding:20px; border-top:4px solid #d35400;">
            <text style="display:block; font-size:22px; font-weight:600; margin-bottom:12px;">研究方法</text>
            <text style="display:block; font-size:15px; line-height:1.5;">1. 数据采集与预处理流程</text>
            <text style="display:block; font-size:15px; line-height:1.5;">2. 算法模型设计与优化</text>
            <text style="display:block; font-size:15px; line-height:1.5;">3. 验证与性能评估指标</text>
            <div style="margin-top:15px;">
                <image style="width:100%; height:160px; border:1px solid #ccc;"></image>
            </div>
        </div>
    </div>

    <!-- 中间列：引言 & 讨论 -->
    <div class="center" style="display:grid; gap:20px;">
        <div class="introduction" style="background:#eef5fb; padding:20px; border-left:6px solid #2980b9;">
            <text style="display:block; font-size:22px; font-weight:600; margin-bottom:12px;">引言</text>
            <text style="display:block; font-size:15px; line-height:1.5;">这里填写引言内容，介绍研究动机、相关工作与研究空白。</text>
        </div>

        <div class="discussion" style="background:#f9ebf0; padding:20px; border-top:4px solid #8e44ad;">
            <text style="display:block; font-size:22px; font-weight:600; margin-bottom:12px;">讨论</text>
            <text style="display:block; font-size:15px; line-height:1.5;">讨论实验结果的意义、局限性以及未来改进方向。</text>
        </div>
    </div>

    <!-- 右列：实验 & 结论 -->
    <div class="right" style="display:grid; gap:20px;">
        <div class="experiment" style="background:#fff4f4; padding:20px; border-left:6px solid #c0392b;">
            <text style="display:block; font-size:22px; font-weight:600; margin-bottom:12px;">实验结果</text>
            <text style="display:block; font-size:15px; line-height:1.5;">展示关键实验数据与图示说明。</text>
            <div style="display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:15px;">
                <image style="width:100%; height:140px; border:1px solid #ccc;"></image>
                <image style="width:100%; height:140px; border:1px solid #ccc;"></image>
            </div>
            <div style="margin-top:10px;">
                <image style="width:100%; height:140px; border:1px solid #ccc;"></image>
            </div>
        </div>

        <div class="result" style="background:#e8f8f5; padding:20px; border-top:4px solid #16a085;">
            <text style="display:block; font-size:22px; font-weight:600; margin-bottom:12px;">结论</text>
            <text style="display:block; font-size:15px; line-height:1.5;">总结研究成果，强调主要贡献并提出后续研究建议。</text>
        </div>
    </div>

</div>
</body>
</html>
